<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>金阳商城</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/common.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/index.css" />
</head>
<body>
<%@include file="menu.jsp" %>
<div class="w_980 m">
<%@include file="menu1.jsp" %>


<!-- 乐扣商城，女装饰品店--- -->
<div class="w_980 fl_l ma_t10"><img src="<%=request.getContextPath() %>/images/ad8.jpg" width="980" height="60" /></div>

<!-- 二级分类和一级分类的展示--- -->
<!-- ========================================================================================================================= -->
<c:forEach items="${categoryList}" var="jk" begin="0" end="3">
			<div class="w_978 fl_l ma_t10 bor">
		  <div class="tl_bg">
		
		    	<div class="tl_title fl_l">${jk.cname}</div>
		    	<div class="tl_more fl_r">
			    	<c:forEach var="h" items="${categorysecondList}">
			    		<c:if test="${h.cname==jk.cname}">
				    			<c:forEach items="${h.csname}" var="d">
				    				<a href="">${d}</a> |
				    			</c:forEach>
			    		</c:if>
			    	</c:forEach>
			    	<a href="" class="redfont">查看全部</a>
				</div>
		
		    </div>
		</div>
		<!-- 二级分类和一级分类的展示--- -->
		<!-- ================================================================ -->
		<div class="w_980 fl_l">
			<!-- 第一张 -->
			<c:if test="${jk.cid==1}">
				 <div class="w_210 bor fl_l ma_t10"><a href=" "><img src="<%=request.getContextPath() %>/products/1/cs10001.jpg" width="210" height="190" /></a></div>	
			</c:if>
			<!-- 第2张 -->
			<c:if test="${jk.cid==2}">
				 <div class="w_210 bor fl_l ma_t10"><a href=" "><img src="<%=request.getContextPath() %>/products/1/cs10002.jpg" width="210" height="190" /></a></div>	
			</c:if>
			<!-- 第3张 -->
			<c:if test="${jk.cid==3}">
				 <div class="w_210 bor fl_l ma_t10"><a href=" "><img src="<%=request.getContextPath() %>/products/1/cs10003.jpg" width="210" height="190" /></a></div>	
			</c:if>
			<!-- 第4张 -->
			<c:if test="${jk.cid==4}">
				 <div class="w_210 bor fl_l ma_t10"><a href=" "><img src="<%=request.getContextPath() %>/products/1/cs10004.jpg" width="210" height="190" /></a></div>	
			</c:if>
			
		
		    <div class="w_770 fl_r">
		    	 <div class="w_550 fl_l ma_t10">
		            <ul class="xsqg_pic">
		            	
		            	 <c:forEach items="${list1}" var="f">
		            	 	
		               		 <c:if test="${f.cname==jk.cname}">
		               		 	<li><!-- 105 -->
				                	<p class="pic te_r"><a href="<%=request.getContextPath() %>/product/goods"><img src="<%=request.getContextPath() %>/${f.image}" width="105" height="105" /></a></p>
				                    <p class="pic"><a href="">${f.pname}
			                 	 	</a><span class="redfont">￥55.9</span></p>
		               		 	</li>
		               		 </c:if>
		               		 
		            	 </c:forEach>
		            	 
		            	                                            
		            </ul>
		            <!-- 展示下一行 -->
		            <ul class="xsqg_pic">
		            	
		            	 <c:forEach items="${list2}" var="f">
		            	 	
		               		 <c:if test="${f.cname==jk.cname}">
		               		 	<li><!-- 105 -->
				                	<p class="pic te_r"><a href=" "><img src="<%=request.getContextPath() %>/${f.image}" width="105" height="105" /></a></p>
				                    <p class="pic"><a href="">${f.pname}
			                 	 	</a><span class="redfont">￥55.9</span></p>
		               		 	</li>
		               		 </c:if>
		               		 
		            	 </c:forEach>
		            	 
		            	                                            
		            </ul>
		            <!-- 展示下一行 -->
		            <ul class="xsqg_pic">
		            	
		            	 <c:forEach items="${list3}" var="f">
		            	 	
		               		 <c:if test="${f.cname==jk.cname}">
		               		 	<li><!-- 105 -->
				                	<p class="pic te_r"><a href=" "><img src="<%=request.getContextPath() %>/${f.image}" width="105" height="105" /></a></p>
				                    <p class="pic"><a href="">${f.pname}
			                 	 	</a><span class="redfont">￥55.9</span></p>
		               		 	</li>
		               		 </c:if>
		               		 
		            	 </c:forEach>
		            	 
		            	                                            
		            </ul>
		            <!-- 展示下一行 -->
		            <ul class="xsqg_pic">
		            	
		            	 <c:forEach items="${list4}" var="f">
		            	 	
		               		 <c:if test="${f.cname==jk.cname}">
		               		 	<li><!-- 105 -->
				                	<p class="pic te_r"><a href=" "><img src="<%=request.getContextPath() %>/${f.image}" width="105" height="105" /></a></p>
				                    <p class="pic"><a href="">${f.pname}
			                 	 	</a><span class="redfont">￥55.9</span></p>
		               		 	</li>
		               		 </c:if>
		               		 
		            	 </c:forEach>
		            	 
		            	                                            
		            </ul>
		         </div>
		
		        <%--  <c:if test="${jk==1}"> --%>
		         <div class="w_210 fl_r">
		                <ul class="new_list">
		                	<!-- 数据在后台取出来 -->
		                	<li>・<a href="">力琪牌镰刀,让你爽到 手软!</a></li>
		                	<li>・<a href="">力琪牌镰刀,让你爽到 手软!</a></li>
		                	<li>・<a href="">力琪牌镰刀,让你爽到 手软!</a></li>
		                	<li>・<a href="">力琪牌镰刀,让你爽到 手软!</a></li>
		                	<li>・<a href="">力琪牌镰刀,让你爽到 手软!</a></li>
		                </ul>
		               <div class="w_210 fl_l"><a href=" "><img src="<%=request.getContextPath() %>/images/ad10.jpg" width="210" height="77" /></a></div>
		  		  </div>
		         
		         
		        <%--  </c:if> --%>
		         
		    </div>
		</div>

</c:forEach>


<!-- =========================================================================================================================== -->
<%-- 
<div class="w_978 fl_l ma_t10 bor">
	<div class="tl_bg">
   	  <div class="tl_title fl_l">鞋靴箱包</div>
   	  
   	  <div class="tl_more fl_r">
   	  <!-- 箱包展示 -->
	    	<c:forEach items="${categorysecondList}" var="h">
	    		<c:if test="${h.cname=='鞋靴箱包'}">
		    			<c:forEach items="${h.csname}" var="d">
		    				<a href="">${d}</a> |
		    			</c:forEach>
	    		</c:if>
	    	</c:forEach>
	    	<a href="" class="redfont">查看全部</a>
		</div>
   	  
    </div>
</div>
<div class="w_980 fl_l">
	<div class="w_210 bor fl_l ma_t10"><a href=" "><img src="<%=request.getContextPath() %>/images/ad12.jpg" width="210" height="195" /></a></div>
    <div class="w_770 fl_r">
    	 <div class="w_550 fl_l ma_t10">
            <ul class="xsqg_pic">
            	
            	<!-- 图片出现一些文题，当从0开始时 到3结束时 图片全出现不了 -->
            	 <c:forEach items="${productList}" var="gs" begin="3" end="10">
            	 	
               		 	<c:if test="${gs.cname=='鞋靴箱包'}">
	               		 	<li>
			                	<p class="pic te_r"><a href=" "><img src="<%=request.getContextPath() %>/${gs.image}" width="105" height="105" /></a></p>
			                    <p class="pic"><a href="">${gs.pname}
	                 		 </a><span class="redfont">￥55.9</span></p>
	                		</li>
               		 	
               		 </c:if>
               		 
            	 </c:forEach>
            	
            	                                         
            </ul>
         </div>
		<div class="w_210 fl_r">
                <ul class="new_list">
                	<li>・<a href="">力琪牌刮胡子刀,让你爽到 手软!</a></li>
                	<li>・<a href="">力琪牌刮胡子刀,让你爽到 手软!</a></li>
                	<li>・<a href="">力琪牌刮胡子刀,让你爽到 手软!</a></li>
                	<li>・<a href="">力琪牌刮胡子刀,让你爽到 手软!</a></li>
                	<li>・<a href="">力琪牌刮胡子刀,让你爽到 手软!</a></li>
                </ul>
          <div class="w_210 fl_l"><a href=" "><img src="<%=request.getContextPath() %>/images/ad10.jpg" width="210" height="77" /></a></div>
      </div>
    </div>
</div>
<div class="w_978 fl_l ma_t10 bor">
	<div class="tl_bg">
   	  <div class="tl_title fl_l">运动户外</div>
	   	 
	   	  <div class="tl_more fl_r">
		    	<c:forEach items="${categorysecondList}" var="h">
		    		<c:if test="${h.cname=='运动户外'}">
			    			<c:forEach items="${h.csname}" var="d">
			    				<a href="">${d}</a> |
			    			</c:forEach>
		    		</c:if>
		    	</c:forEach>
		    	<a href="" class="redfont">查看全部</a>
			</div>
      
    </div>
</div>
<div class="w_980 fl_l">
	<div class="w_210 bor fl_l ma_t10"><a href=" "><img src="<%=request.getContextPath() %>/images/ad9.jpg" width="210" height="195" /></a></div>
    <div class="w_770 fl_r">
    	 <div class="w_550 fl_l ma_t10">
            <ul class="xsqg_pic">
            	<!-- 在使用jstl标签的begin属性和end -->
                <c:forEach items="${productList}" var="gs" begin="10" end="16" step="1">
            	 	
               		 	<c:if test="${gs.cname=='运动户外'}">
	               		 	<li>
			                	<p class="pic te_r"><a href=" "><img src="<%=request.getContextPath() %>/${gs.image}" width="105" height="105" /></a></p>
			                    <p class="pic"><a href="">${gs.pname}
	                 		 </a><span class="redfont">￥55.9</span></p>
	                		</li>
               		 	
               		 </c:if>
               		 
            	 </c:forEach>
            	                                                
            </ul>
         </div>
	  <div class="w_210 fl_r">
                <ul class="new_list">
                	<li>・<a href="">力琪牌刮玉米机,让你爽到 手软!</a></li>
                	<li>・<a href="">力琪牌刮玉米机,让你爽到 手软!</a></li>
                	<li>・<a href="">力琪牌刮玉米机,让你爽到 手软!</a></li>
                	<li>・<a href="">力琪牌刮玉米机,让你爽到 手软!</a></li>
                	<li>・<a href="">力琪牌刮玉米机,让你爽到 手软!</a></li>
                </ul>
        <div class="w_210 fl_l"><a href=" "><img src="<%=request.getContextPath() %>/images/ad10.jpg" width="210" height="77" /></a></div>
      </div>
    </div>
</div> --%>
<div class="bottom fl_l ma_t10">
	<div class="footlink">
    	<div class="footlinkt">配送范围</div>
        <ul>
        	<li><a href="">上海 |  北京 |  其他地区</a></li>
        	<li><a href="">配送费收取标准</a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">服务说明</div>
        <ul>
        	<li><a href="">付款方式</a></li>
        	<li><a href="">服务协议 </a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">我的订单</div>
        <ul>
        	<li><a href="">查询订单</a></li>
        	<li><a href="">如何下订单</a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">售后服务</div>
        <ul>
        	<li><a href="">退换货原则</a></li>
        	<li><a href="">在线客服区</a></li>
        	<li><a href="">在线客服区</a></li>                         
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">需要帮助</div>
        <ul>
        	<li><a href="">忘记密码</a></li>
        	<li><a href="">常见问题</a></li> 
        	<li><a href="">联系客服人员</a></li>
        	<li><a href="">抵用券使用说明</a></li>                         
        </ul>
    </div>
</div>
<div class="w_980 fl_l ma_t10">
	<ul class="footerpic1">
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/wmjl.jpg" width="217" height="49" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/mbby.jpg" width="217" height="49" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/gkzs.jpg" width="217" height="49" /></a></li>
    </ul>
</div>
<div class="w_980 fl_l ma_t10 te_m">关于我们 | 联系我们 | 人才招聘 | 商家入驻 | 广告服务 | 移动终端 | 友情链接 | 销售联盟
<br />北京市公安局海淀分局备案编号：11010233381  京ICP证070的4523号  
<br />Copyright2004-2011  五金商城 版权所有</div>
<div class="w_980 fl_l ma_t10">
	<ul class="footerpic">
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_pic_04.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_pic_05.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_pic_06.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_pic_07.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_pic_09.gif" width="91" height="31" /></a></li> 
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_cnnic.jpg" width="91" height="31" /></a></li>                                         
    </ul>
</div>
</div>
</body>
</html>
    